<script setup lang="ts">

</script>

<template>
  <div class="container">
    <router-view></router-view>
    <router-view name="FooterCom"></router-view>
  </div>

</template>

<style lang="scss">
html,
body,
#app,
.container {
  height: 100%;
}

html {
  font-size: 26.66666666667vw;

}

body {
  font-size: 12px;
}

.container {
  display: flex;
  flex-direction: column;

  .content {
    flex: 1;
    background-color: rgba(247, 247, 247, 1);
    padding-bottom: 1rem;
    overflow: auto;
  }

  .footer {
    width: 100%;
    background-color: antiquewhite;
  }
}
</style>
